<!DOCTYPE html>
<html lang="en">
<head>
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, minimal-ui"/>
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	<meta name="apple-mobile-web-app-status-bar-style" content="black"/>
	<meta name="format-detection" content="telephone=no, email=no"/>
	<meta charset="UTF-8">
	<title>课程分类</title>
	<link rel="stylesheet" href="themes/css/core.css">
	<link rel="stylesheet" href="themes/css/icon.css">
	<link rel="stylesheet" href="themes/css/home.css">
	<link rel="icon" type="image/x-icon" href="favicon.ico">
	<link href="iTunesArtwork@2x.png" sizes="114x114" rel="apple-touch-icon-precomposed">	
	<style>
		.aui-header-default {
		    /*height: 5.6rem;*/
		    /*line-height: 5.6rem;*/
		    display: block;
		}
		.location{
			display: block;
			width: 100%;
			text-align: left;
			line-height: 2.5rem;
			height: 2.5rem;
			font-size: 16px;
			margin: 0 16px;
			color: #FFFFFF;
		}
		.aui-header-center-clear{
			margin: 0 auto;
    		width: 90%;
		}

		.aui-header-search{
			margin-left: 3px;
		}
		.aui-icon-small-s{
			height: 35px;
		}
		.aui-fixed-top{
			/*padding-top: 5.6rem;*/
		}
		.aui-scroll-content-title{
			font-size: 14px;
			    margin: 1rem 0;
		}
		.aui-scroll-content-item{
			position: relative;
		}
		.aui-grid-row-clear .aui-grid-row-item {
		    float: left;
		    position: relative;
		    overflow: hidden;
		    margin-right: 3.5%;
		    margin-bottom: 3.5%;
		    width: 31%;
		    height:52px;
		    line-height: 52px;
		    border-radius: 4px;
		    background: #efeff4;
		    padding: 0;
		    display: list-item;
		    font-size: 14px;
		}
		.aui-grid-row-clear .aui-grid-row-item:nth-child(3n) {
		    margin-right: 0;
		}
		.aui-grid-content{
			position: relative;
			padding-bottom: 1rem;
		}
		.aui-grid-content:after{
			    content: ' ';
			    background: #C8C7CC;
			    display: block;
			    position: absolute;
			    left: 0;
			    right: 0;
			    bottom: 0;
			    /*height: 1px;*/
		}
		.aui-scroll-content-item .aui-grid-content:last-child:after {
		    display: none;
		}
		
		/*12.21修改*/
		.aui-scroll-content-item{
			padding-top: 0px;
		}
		.aui-grid-content{
			padding: 3px 15px;
		}
	</style>
</head>
<body>
	<header class="aui-header-default aui-header-fixed aui-header-bg">
		<div class="aui-header-center aui-header-center-clear">
			<div class="aui-header-search-box">
				<i class="aui-icon aui-icon-small-search"></i>
				<input id="" type="text"  placeholder="搜索课程" class="aui-header-search">
			</div>
		</div>
	</header>

	<section class="aui-scroll-contents">
		<div class="aui-scroll-box" data-ydui-scrolltab>
			<div class="aui-scroll-nav">
				<a href="#" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">课外辅导</div>
				</a>
				<a name="classSearch" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">研学旅行</div>
				</a>
				<a name="classSearch" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">冬夏令营</div>
				</a>
				<a name="classSearch" class="aui-scroll-item aui-crt">
					<div class="aui-scroll-item-icon"></div>
					<div class="aui-scroll-item-text">线上辅导</div>
				</a>				
			</div>
			<div class="aui-scroll-content">
				<div class="aui-scroll-content-item">
					<div class="aui-class-img">
						<img src="/themes/img/banner/adv1.png" alt="">
					</div>
					<h2 class="aui-scroll-content-title">课外辅导</h2>
					<section class="aui-grid-content">											
						<div class="aui-grid-row aui-grid-row-clear">
							<a href="javascript:;" data-id="1" class="aui-grid-row-item">一年级</a>
							<a href="javascript:;" data-id="2" class="aui-grid-row-item">二年级</a>
							<a href="javascript:;" data-id="3" class="aui-grid-row-item">三年级</a>
							<a href="javascript:;" data-id="4" class="aui-grid-row-item">四年级</a>
							<a href="javascript:;" data-id="5" class="aui-grid-row-item">五年级</a>
							<a href="javascript:;" data-id="6" class="aui-grid-row-item">小升初</a>
							<a href="javascript:;" data-id="7" class="aui-grid-row-item">初一</a>
							<a href="javascript:;" data-id="8" class="aui-grid-row-item">初二</a>
							<a href="javascript:;" data-id="9" class="aui-grid-row-item">中考</a>
						</div>
					</section>
				</div>
				
			</div>
		</div>
	</section>


	<footer class="aui-footer-default aui-footer-fixed">
		<a href="index.html" class="aui-footer-item ">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-home"></span>
			<span class="aui-footer-item-text">首页</span>
		</a>
		<a href="class.html" class="aui-footer-item aui-footer-active">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-class"></span>
			<span class="aui-footer-item-text">分类</span>
		</a>
		<a href="car.html" class="aui-footer-item">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-car"></span>
			<span class="aui-footer-item-text">购物车</span>
		</a>
		<a href="ui-me.html" class="aui-footer-item">
			<span class="aui-footer-item-icon aui-icon aui-footer-icon-me"></span>
			<span class="aui-footer-item-text">我的</span>
		</a>
	</footer>

	<script src="themes/js/jquery.min.js"></script>
	<script src="themes/js/aui.js"></script>
	<script type="text/javascript" src="themes/js/ajax-util.js"></script>		
	<script type="text/javascript" src="themes/js/Feng.js"></script>	
	<script type="text/javascript" src="themes/plugin/artTemplate/template.js"></script>	
	<script type="text/javascript" src="themes/plugin/layer/layer.js"></script>	
	<script src="themes/js/common.js"></script>
	<script src="static/course/type.js"></script>
</body>
</html>